<!DOCTYPE html>
<style>body { margin: 0 }</style>
<div style="z-index: -1; position: absolute; width: 100%; background-color: yellow">
  <div style="margin-left: 200px">
    <div>Blah blah blah.</div>
    <div>Blah blah blah.</div>
  </div>
</div>
<div style="width: 150px; background-color: green">
  <div><a id="link1" onclick="clicked(event)" href="#">Link1</a></div>
  <div><a id="link2" onclick="clicked(event)" href="#">Link2</a></div>
  <div><a id="link3" onclick="clicked(event)" href="#">Link3</a></div>
  <div><a id="link4" onclick="clicked(event)" href="#">Link4</a></div>
</div>
<div>
Tests paint and hit-testing order of overlapping float objects using negative margin.
Passes if the green layer (containing 4 links) is full visible and all of the links can be clicked.
</div>
<div>PASS</div>
